<!DOCTYPE html>
<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8" />
    <title></title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font-awesome.css" />
    <link rel="stylesheet" href="./css/xadmin.css" />
    <link rel="stylesheet" href="./css/welcome.css" />
    <style>
      .layui-card {
        height: 358px !important;
      }
    </style>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="#">首页</a>
        <a>
          <cite>导航元素</cite>
        </a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height: 1.6em; margin-top: 3px; float: right" onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height: 30px"></i>
      </a>
    </div>
    <div class="layui-fluid">
      <div class="layui-row layui-col-space15">
        <div class="main">
          <div class="body">
            <div class="header">
              <div class="box1" id="box1" style="background-color: #fb6d49">
                <img src="./images/1.png" alt="" />
                <span>
                  管理员用户
                  <br />
                  <i>12</i>
                  名
                </span>
              </div>
              <div class="box1" id="box2" style="background-color: #67c23a">
                <img src="./images/2.png" alt="" />
                <span>
                  平台注册用户
                  <br />
                  <i>12</i>
                  名
                </span>
              </div>
              <div class="box1" id="box3" style="background-color: #e6a23c">
                <img src="./images/3.png" alt="" />
                <span>
                  平台文章总数
                  <br />
                  <i>12</i>
                  篇
                </span>
              </div>
              <div class="box1" id="box4" style="background-color: #3a7ce6"></div>
            </div>
            <div class="info">
              <!-- 最新注册新用户 -->
              <div class="layui-card">
                <div class="layui-card-header">最新注册用户</div>
                <div class="layui-card-body" id="list1"></div>
              </div>
              <!-- 点赞文章排行 -->
              <div class="layui-card">
                <div class="layui-card-header">点赞文章排行</div>
                <div class="layui-card-body" id="list2"></div>
              </div>
              <!-- 用户性别分析 -->
              <div class="layui-card">
                <div class="layui-card-header">用户性别分析</div>
                <div class="layui-card-body" id="list2">
                  <div id="chart"></div>
                </div>
              </div>
            </div>
            <div class="article">
              <h2>各分类发布文章数量</h2>
              <div id="article"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.3.3/dist/echarts.min.js"></script>
  <script src="./lib/layui/layui.all.js"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <script src="./js/axios.js"></script>
  <script src="./js/baseApi.js"></script>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/welocome.js"></script>
</html>